<div class="formio-form">
  <div style="position: relative;">
    <nav aria-label="navigation" id="wizard-page1-header" ref="wizard-page1-header">
      <div class="ui steps">
        <a class=" active step" ref="wizard-page1-link">
          <div class="content">
            <div class="title">
              Page 1
            </div>
          </div>
        </a>
      </div>
    </nav>
    <div class="wizard-page" ref="wizard-page1">
      <div id="checkbox" class="field form-group has-feedback formio-component formio-component-checkbox formio-component-checkbox " ref="component">
        <div class="ui checkbox">
          <input ref="input" id="checkbox" name="data[checkbox]" type="checkbox" class="form-check-input" lang="en" value="0">
          </input>
          <label class="" for="checkbox">
            <span>Checkbox</span>
          </label>
        </div>
        <div ref="messageContainer"></div>
      </div>
    </div>
    <div class="ui horizontal list" id="wizard-page1-nav">
      <div class="item">
        <button class="ui button secondary btn-wizard-nav-cancel" ref="wizard-page1-cancel">Cancel</button>
      </div>
      <div class="item">
        <button class="ui button primary btn-wizard-nav-submit" ref="wizard-page1-submit">Submit Form</button>
      </div>
    </div>
  </div>
</div>